<template>
  <div>
    <h1>我是子组件</h1>
    <h1>父组件传递来的数据：{{sex}}</h1>
    <h1>{{$attrs.color}}</h1>
    <button @click="send">传数据</button>
     <slot name="footer"></slot>
      <slot name="con"></slot>
  </div>
</template>

<script>
export default {
  name: 'Vue2304BMineSon',
   props:{
    age:{
      type:Number,
      default:18
    },
    sex:{
      type:String,
      default:'男'
    }
   },
  data() {
    return {
      
    };
  },

  mounted() {
    // this.$attrs 是除props声明的父传子数据外的 。 其他所有父传子的数据
    
    console.log(this.$attrs)

    // vm.$listeners  所有父组件 绑定事件
   console.log(this.$listeners)

  //  vm.$slots  获取所有插槽的内容 获取到的是虚拟dom

  // 什么是虚拟dom 
  // 虚拟dom 是用js对象 模拟的 真是dom  
  // 一般由 tag 标签名，key唯一标识，children 子元素，style,attr,class等属性构成

   console.log(this.$slots)

  },

  methods: {
    send(){
      this.$emit('sendmsg','李小龙')
      this.$emit('sendname','刘德华')
    }
  },
};
</script>